<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <link type="text/css" href="resources/css/main.css"/>
        <meta name="viewport" content="width=500"/>
        <title>#{indexController.header}</title>
    </h:head>

    <h:body style="font-family: serif; font-size: 9pt;">
        <h:form id="mainForm">


            <p:growl id="msgs" life="10000" escape="false"/>


            <p:panel style="border:none; padding-left: 5%; padding-right: 5%;">

                <h:outputText id="welcomeMSG" value="#{indexController.welcomeMSG}" escape="false"/>

                <br/>
                <br/>

                <p:tabView id="tabViewMain" activeIndex="#{indexController.currentTab}" dynamic="true" cache="false">

                    <p:tab id="inschrijfTab" title="Nieuwe leden">

                        <h:panelGrid columns="3">
                            <p:outputLabel value="Project"/>
                            <p:outputLabel value=":"/>
                            <h:selectOneMenu value="#{indexController.selectedProjectName}" style="width:100%">
                                <f:selectItem itemLabel="Selecteer..." itemValue="empty"/>
                                <f:selectItems value="#{indexController.projectNames}"/>
                                <p:ajax listener="#{indexController.selectProjectNewSubscribtion}" update="outputPanelNew programmePanel"/>
                            </h:selectOneMenu>
                        </h:panelGrid>

                        <br/>

                        <p:outputPanel id="outputPanelNew">
                            <p:panelGrid rendered="#{indexController.inputNewRendered}" >
                                <p:separator/>
                                <br/>
                                <h:panelGrid id="programmePanel" columns="3">
                                    <p:outputLabel value="Project"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectName}"/>
                                    <p:outputLabel value="Van"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectStartDate}"/>
                                    <p:outputLabel value="Tot"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectEndDate}"/>
                                    <p:outputLabel value="Repertoire"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectRepertoire}"/>
                                </h:panelGrid>
                                <br/>
                                <p:separator/>
                                <br/>

                                <p:panel header="Vul hieronder de benodigde gegevens en je beschikbaarheid in en klik op 'Opslaan'.">
                                    <br/>
                                    <h:outputText value="Let op, je wordt geacht om 80% van de repetities en 100% van de concerten aanwezig te zijn!" style="font-weight: bold"/>

                                    <br/>
                                    <br/>
                                    <br/>

                                    <h:panelGrid columns="2" style="width:100%">                                        
                                        <p:inputText id="a" value="#{indexController.contactFirstName}" required="true" requiredMessage="* Deze velden zijn verplicht!" style="width: 100%;">
                                            <p:watermark for="a" value="Voornaam"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>                                       
                                        <p:inputText id="b" value="#{indexController.contactLastName}" required="true" requiredMessage="* Deze velden zijn verplicht!" style="width: 100%;">
                                            <p:watermark for="b" value="Achternaam"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                        <p:inputText id="c" value="#{indexController.contactEmail}" required="true" requiredMessage="* Deze velden zijn verplicht!" style="width: 100%;">
                                            <p:watermark for="c" value="Email adres"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                        <p:inputText id="d" value="#{indexController.contactPhone}"  required="true" requiredMessage="* Deze velden zijn verplicht!" style="width: 100%;">
                                            <p:watermark for="d" value="Telefoonnummer"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                        <p:inputText id="e" value="#{indexController.contactInstrument}"  required="true" requiredMessage="* Deze velden zijn verplicht!" style="width: 100%;">
                                            <p:watermark for="e" value="Instrument"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                    </h:panelGrid>

                                    <br/>
                                    <br/>

                                    <p:selectBooleanCheckbox value="#{indexController.allDatesSelected}" itemLabel="Alle data selecteren">
                                        <p:ajax listener="#{indexController.selectAllDates}" update="dTable"/>
                                    </p:selectBooleanCheckbox>

                                    <br/>
                                    <br/>

                                    <p:dataTable id="dTable" var="date" value="#{indexController.datesModel}" scrollable="true" scrollWidth="auto">
                                        <p:column headerText="Aanwezig">
                                            <p:selectBooleanCheckbox value="#{date.present}"/>
                                        </p:column>
                                        <p:column headerText="Datum">
                                            <h:outputText value="#{date.date}"/>
                                        </p:column>
                                        <p:column headerText="Tijd">
                                            <h:outputText value="#{date.startTime}"/>
                                            <h:outputText value="-"/>
                                            <h:outputText value="#{date.endTime}"/>
                                        </p:column>
                                        <p:column headerText="Wat">
                                            <h:outputText value="#{date.location}"/>
                                        </p:column>
                                        <p:column headerText="Commentaar">
                                            <p:inputTextarea value="#{date.commentsByContact}" rows="1" cols="10"/>
                                        </p:column>
                                    </p:dataTable>

                                    <p:separator/>

                                    <p:commandButton value="Opslaan" icon="ui-icon-disk" action="#{indexController.saveNewMember}" update="@form" ajax="false"/>
                                </p:panel>
                            </p:panelGrid>
                        </p:outputPanel>

                    </p:tab>


                    <p:tab  title="Bestaande leden">
                        <p:outputPanel id="afmeldPanel">
                            <h:panelGrid rendered="#{indexController.afmeldLoginRendered}">
                                <p:messages id="reMSG"/>
                                <h:panelGrid columns="2">
                                    <p:inputText id="unText" value="#{indexController.usrName}">
                                        <p:watermark for="unText" value="Gebruikersnaam"/>
                                    </p:inputText>    
                                    <p:outputLabel value="*"/>
                                    <p:password id="pText" value="#{indexController.pwd}">
                                        <p:watermark for="pText" value="Wachtwoord"/>
                                    </p:password>
                                    <p:outputLabel value="*"/>
                                </h:panelGrid>
                                <p:separator/>
                                <p:commandButton value="Login" action="#{indexController.userLogin}" update="afmeldPanel, userPanel"/>
                            </h:panelGrid>

                            <p:panel rendered="#{indexController.userPanelRendered}" style="border:none;">
                                <h:panelGrid columns="3">
                                    <p:outputLabel value="Orkestlid" rendered="#{indexController.memberSelectRendered}"/>
                                    <p:outputLabel value=":" rendered="#{indexController.memberSelectRendered}"/>
                                    <h:selectOneMenu value="#{indexController.selectedMember}" style="width:200px" rendered="#{indexController.memberSelectRendered}">
                                        <f:selectItem itemLabel="Selecteer..." itemValue="empty"/>
                                        <f:selectItems value="#{indexController.contactFullNames}"/>
                                        <p:ajax listener="#{indexController.selectProjectForMembers}" update="tabViewMain"/>
                                    </h:selectOneMenu>
                                    <h:outputText/>
                                    <h:outputText/>
                                    <h:outputText/>
                                    <h:outputText/>
                                    <h:outputText/>
                                    <h:outputText/>
                                    <p:outputLabel value="Project"/>
                                    <p:outputLabel value=":"/>
                                    <h:selectOneMenu value="#{indexController.selectedProjectName}" style="width:200px">
                                        <f:selectItem itemLabel="Selecteer..." itemValue="empty"/>
                                        <f:selectItems value="#{indexController.projectNames}"/>
                                        <p:ajax listener="#{indexController.selectProjectForMembers}" update="tabViewMain"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>
                            </p:panel>

                            <br/>
                            <p:panelGrid id="userPanel" rendered="#{indexController.inputMembersRendered}">
                                <p:separator/>
                                <br/>
                                <h:panelGrid columns="3">
                                    <p:outputLabel value="Project"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectName}"/>
                                    <p:outputLabel value="Van"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectStartDate}"/>
                                    <p:outputLabel value="Tot"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectEndDate}"/>
                                    <p:outputLabel value="Repertoire"/>
                                    <p:outputLabel value=":"/>
                                    <h:outputText value="#{indexController.selectedProjectRepertoire}"/>
                                </h:panelGrid>
                                <br/>
                                <p:separator/>
                                <br/>
                                <p:panel header="Controleer hieronder of je gegevens nog kloppen. Vul je beschikbaarheid in en klik op 'Opslaan'.">
                                    <br/>
                                    <h:outputText value="Let op, je wordt geacht om 80% van de repetities en 100% van de concerten aanwezig te zijn!" style="font-weight:bold"/>
                                    <br/>
                                    <br/>
                                    <h:panelGrid columns="2" style="width:100%">                                        
                                        <p:inputText id="a1" value="#{indexController.contactFirstName}" required="true" requiredMessage="* Deze velden zijn verplicht!" style="width:100%">
                                            <p:watermark for="a1" value="Voornaam"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>                                       
                                        <p:inputText id="b1" value="#{indexController.contactLastName}" required="true" requiredMessage="* Deze velden zijn verplicht!" style="width:100%">
                                            <p:watermark for="b1" value="Achternaam"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                        <p:inputText id="c1" value="#{indexController.contactEmail}" required="true" requiredMessage="* Deze velden zijn verplicht!" style="width:100%">
                                            <p:watermark for="c1" value="Email adres"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                        <p:inputText id="d1" value="#{indexController.contactPhone}"  required="true" requiredMessage="* Deze velden zijn verplicht!" style="width:100%">
                                            <p:watermark for="d1" value="Telefoonnummer"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                        <p:inputText id="e1" value="#{indexController.contactInstrument}"  required="true" requiredMessage="* Deze velden zijn verplicht!" style="width:100%">
                                            <p:watermark for="e1" value="Instrument"/>
                                        </p:inputText>
                                        <p:outputLabel value="*"/>
                                    </h:panelGrid>

                                    <br/>
                                    <br/>

                                    <p:selectBooleanCheckbox value="#{indexController.allDatesSelected}" itemLabel="Alle data selecteren">
                                        <p:ajax listener="#{indexController.selectAllDates}" update="dTable2"/>
                                    </p:selectBooleanCheckbox>

                                    <br/>
                                    <br/>

                                    <p:dataTable id="dTable2" var="date" value="#{indexController.datesModel}" scrollable="true" scrollWidth="auto">
                                        <p:column headerText="Aanwezig" >
                                            <p:selectBooleanCheckbox value="#{date.present}">
                                                <p:ajax listener="#{indexController.checkSelectedDateByMember}" update="@form"/>
                                                <f:attribute name="checkedDatesModel" value="#{date}"/>
                                            </p:selectBooleanCheckbox>
                                        </p:column>
                                        <p:column headerText="Datum">
                                            <h:outputText value="#{date.date}"/>
                                        </p:column>
                                        <p:column headerText="Tijd">
                                            <h:outputText value="#{date.startTime}"/>
                                            <h:outputText value="-"/>
                                            <h:outputText value="#{date.endTime}"/>
                                        </p:column>
                                        <p:column headerText="Wat">
                                            <h:outputText value="#{date.location}"/>
                                        </p:column>
                                        <p:column headerText="Commentaar">
                                            <p:inputTextarea value="#{date.commentsByContact}" rows="1" cols="10"/>
                                        </p:column>
                                    </p:dataTable>

                                    <p:separator/>

                                    <p:commandButton id="dateSaveButton" value="Opslaan"  icon="ui-icon-disk" action="#{indexController.saveExistingMemberAndDates()}" update="@form" ajax="false" disabled="#{indexController.dateSaveButtonDisabled}"/>

                                    <br/>
                                </p:panel>

                            </p:panelGrid>
                        </p:outputPanel>
                    </p:tab>


                    <p:tab title="Bestuur">
                        <p:outputPanel id="bPanel">
                            <h:panelGrid id="adminLoginPanel" rendered="#{indexController.adminLoginPanelRendered}">
                                <p:messages/>
                                <h:panelGrid columns="2">
                                    <p:inputText id="auText" value="#{indexController.adminUsr}">
                                        <p:watermark for="auText" value="Gebruikersnaam"/>
                                    </p:inputText>
                                    <p:outputLabel value="*"/>
                                    <p:password id="auPwd" value="#{indexController.adminPwd}">
                                        <p:watermark for="auPwd" value="Wachtwoord"/>
                                    </p:password>
                                    <p:outputLabel value="*"/>
                                </h:panelGrid>
                                <p:separator/>
                                <p:commandButton value="Login" action="#{indexController.adminLogin}" update="adminLoginPanel, adminMainPanel, bPanel"/>
                            </h:panelGrid>
                            <p:panel id="adminMainPanel" rendered="#{indexController.adminMainPanelRendered}" style="border:none">
                                <p:tabView dynamic="true" cache="false">
                                    <p:tab title="Projecten">
                                        <h:panelGrid>
                                            <h:panelGrid columns="3">
                                                <p:outputLabel value="Project"/>
                                                <p:outputLabel value=":"/>
                                                <h:selectOneMenu value="#{indexController.selectedProjectName}" style="width:200px">
                                                    <f:selectItem itemLabel="Selecteer..." itemValue="empty"/>
                                                    <f:selectItems value="#{indexController.projectNames}"/>
                                                    <p:ajax listener="#{indexController.selectProjectForAdministrators}" update=":mainForm:tabViewMain:adminMainPanel"/>
                                                </h:selectOneMenu>
                                            </h:panelGrid>
                                            <br/>
                                            <p:accordionPanel activeIndex="-1" dynamic="true">
                                                <p:tab title="Project #{indexController.selectedProjectName} Beheren">
                                                    <h:panelGrid id="pTab" columns="3">
                                                        <h:outputText value="Projectnaam"/>
                                                        <h:outputText value=":"/>
                                                        <h:outputText value="#{indexController.selectedProjectName}"/>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <h:outputText value="Actief"/>
                                                        <h:outputText value=":"/>
                                                        <p:selectBooleanCheckbox value="#{indexController.projectActive}" disabled="#{indexController.projectSaveButtonDisabled}">
                                                            <p:ajax listener="#{indexController.warnBeforeDisabeling()}" update=":mainForm:msgs"/>
                                                        </p:selectBooleanCheckbox>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <h:outputText value="Eis presentie"/>
                                                        <h:outputText value=":"/>
                                                        <p:inplace>
                                                            <h:outputText id="psDisplay" value="#{indexController.selectedProjectRequiredPresence}%"/>
                                                            <h:inputHidden id="presenceSlider" value="#{indexController.selectedProjectRequiredPresence}"/>
                                                            <h:outputText/>
                                                            <p:slider for="presenceSlider" display="psDisplay" step="5" disabled="#{indexController.projectSaveButtonDisabled}" style="width:300px;"/>
                                                        </p:inplace>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <p:outputLabel value="Van"/>
                                                        <p:outputLabel value=":"/>
                                                        <p:inplace>
                                                            <p:inputMask id="startDate" value="#{indexController.selectedProjectStartDate}" disabled="#{indexController.projectSaveButtonDisabled}" style="width:300px;" mask="9999-99-99" converterMessage="De ingevulde datum is niet geldig">
                                                                <p:watermark for="startDate" value="yyyy-mm-dd"/>
                                                                <p:ajax update=":mainForm:msgs" event="blur"/>
                                                            </p:inputMask>
                                                        </p:inplace>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <p:outputLabel value="Tot"/>
                                                        <p:outputLabel value=":"/>
                                                        <p:inplace>
                                                            <p:inputMask id="endDate" value="#{indexController.selectedProjectEndDate}" style="width:300px;" mask="9999-99-99" converterMessage="De ingevulde datum is niet geldig">
                                                                <p:watermark for="endDate" value="yyyy-mm-dd"/>
                                                                <p:ajax update=":mainForm:msgs" event="blur"/>
                                                            </p:inputMask>
                                                        </p:inplace>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <p:outputLabel value="Repertoire"/>
                                                        <p:outputLabel value=":"/>
                                                        <p:inplace>
                                                            <p:inputTextarea value="#{indexController.selectedProjectRepertoire}" style="width:300px;"/>
                                                        </p:inplace>
                                                        <h:outputText/>   
                                                        <h:outputText/>
                                                        <p:separator/>
                                                        <h:outputText/>
                                                        <h:outputText/>
                                                        <p:commandButton value="Opslaan" icon="ui-icon-disk" disabled="#{indexController.projectSaveButtonDisabled}" action="#{indexController.saveExistingProject()}" update="pTab :mainForm:msgs" partialSubmit="true" process="@parent"/>
                                                    </h:panelGrid>
                                                    <br/>
                                                    <p:separator/>
                                                    <br/>
                                                    <div align="right">
                                                        <p:commandButton value="Nieuw Project Toevoegen" icon="ui-icon-circle-plus" onclick="nwProjectDLG.show();"/>
                                                    </div>
                                                    <br/>
                                                    <p:dialog widgetVar="nwProjectDLG" header="Nieuw Project Toevoegen" closeOnEscape="true" resizable="false" modal="true" dynamic="true">
                                                        <h:panelGrid columns="3">
                                                            <h:outputText value="Naam Project"/>
                                                            <h:outputText value=":"/>
                                                            <p:inputText maxlength="50" value="#{indexController.newProject.projectName}" style="width:300px;"/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText value="(let op, de projectnaam is niet meer te wijzigen)"/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText value="Eis presentie"/>
                                                            <h:outputText value=":"/>
                                                            <h:outputText id="psDisplay1" value="#{indexController.newProject.requiredPresence}%"/>
                                                            <h:inputHidden id="presenceSlider1" value="#{indexController.newProject.requiredPresence}"/>
                                                            <h:outputText/>
                                                            <p:slider for="presenceSlider1" display="psDisplay1" step="5" style="width:300px;"/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:outputLabel value="Van"/>
                                                            <p:outputLabel value=":"/>
                                                            <p:inputMask id="startDate1" value="#{indexController.newProject.projectStartDate}" style="width:100px;" mask="9999-99-99" converterMessage="De ingevulde datum is niet geldig">
                                                                <p:watermark for="startDate1" value="yyyy-mm-dd"/>
                                                                <p:ajax update=":mainForm:msgs" event="blur"/>
                                                            </p:inputMask>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:outputLabel value="Tot"/>
                                                            <p:outputLabel value=":"/>
                                                            <p:inputMask id="endDate1" value="#{indexController.newProject.projectEndDate}"  style="width:100px;" mask="9999-99-99" converterMessage="De ingevulde datum is niet geldig">
                                                                <p:watermark for="endDate1" value="yyyy-mm-dd"/>
                                                                <p:ajax update=":mainForm:msgs" event="blur"/>
                                                            </p:inputMask>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:outputLabel value="Repertoire"/>
                                                            <p:outputLabel value=":"/>
                                                            <p:inputTextarea value="#{indexController.newProject.projectRepertoire}" style="width:300px;"/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:separator/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:commandButton value="Opslaan" icon="ui-icon-disk" action="#{indexController.saveNewProject()}" update="@form"/>
                                                        </h:panelGrid> 
                                                    </p:dialog>
                                                </p:tab>
                                                <p:tab title="Projectdata #{indexController.selectedProjectName} Beheren" disabled="#{indexController.projectSaveButtonDisabled}">
                                                    <p:dataTable id="pTable" var="pTable" value="#{indexController.dates}" >
                                                        <p:column headerText="Datum">
                                                            <h:outputText value="#{pTable.date}"/>
                                                        </p:column>
                                                        <p:column headerText="Van">
                                                            <h:outputText value="#{pTable.startTime}"/>
                                                        </p:column>
                                                        <p:column headerText="Tot">
                                                            <h:outputText value="#{pTable.endTime}"/>
                                                        </p:column>
                                                        <p:column headerText="Wat">
                                                            <p:inplace>
                                                                <p:inputText value="#{pTable.location}" style="width:250px"/>
                                                            </p:inplace>
                                                        </p:column>
                                                        <p:column>
                                                            <p:commandButton icon="ui-icon-trash" title="Klik om dit record te verwijderen" action="#{indexController.delDate()}" update=":mainForm:msgs pTable">
                                                                <f:setPropertyActionListener value="#{pTable}" target="#{indexController.selectedDate}"/>
                                                            </p:commandButton>
                                                        </p:column>
                                                    </p:dataTable>
                                                    <p:separator/>
                                                    <p:commandButton value="Alles Opslaan" icon="ui-icon-disk" disabled="#{indexController.projectSaveButtonDisabled}" action="#{indexController.saveProjectDatesModel()}" update=":mainForm:msgs pTable"/>
                                                    <p:spacer width="300" height="0"/>
                                                    <p:commandButton value="Datum Toevoegen" icon="ui-icon-circle-plus" onclick="addDateDLG.show()"/>
                                                    <p:dialog widgetVar="addDateDLG" dynamic="true" resizable="false" maximizable="true" closeOnEscape="true" header="Datum Toevoegen aan project #{indexController.selectedProjectName}" modal="true">
                                                        <p><i>(Let op, als een project eenmaal loopt kunnen geen data meer worden toegevoegd!)</i></p>
                                                        <h:panelGrid columns="3">
                                                            <h:outputText value="Datum"/>
                                                            <h:outputText value=":"/>
                                                            <p:inputMask id="mDate" value="#{indexController.newDate.date}" style="width:100px;" mask="9999-99-99" converterMessage="De ingevulde datum is niet geldig">
                                                                <p:watermark for="mDate" value="yyyy-mm-dd"/>
                                                                <p:ajax update=":mainForm:msgs" event="blur"/>
                                                            </p:inputMask>
                                                            <h:outputText value="Begintijd (van)"/>
                                                            <h:outputText value=":"/>
                                                            <p:inputMask id="st1" value="#{indexController.newDate.startTime}" mask="99:99:99" converterMessage="De ingevulde tijd is niet geldig" style="width:100px">
                                                                <p:watermark for="st1" value="hh:mm:ss"/>
                                                                <p:ajax update=":mainForm:msgs" event="blur"/>
                                                            </p:inputMask>
                                                            <h:outputText value="Eindtijd (tot)"/>
                                                            <h:outputText value=":"/>
                                                            <p:inputMask id="et1" value="#{indexController.newDate.endTime}" mask="99:99:99" converterMessage="De ingevulde tijd is niet geldig" style="width:100px">
                                                                <p:watermark for="et1" value="hh-mm-ss"/>
                                                                <p:ajax update=":mainForm:msgs" event="blur"/>
                                                            </p:inputMask>
                                                            <h:outputText value="Activiteit (wat)"/>
                                                            <h:outputText value=":"/>
                                                            <p:inputText value="#{indexController.newDate.location}" style="width:300px" maxlength="50"/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:separator/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:commandButton value="Opslaan" icon="ui-icon-disk" action="#{indexController.saveNewDate()}" oncomplete="addDateDLG.hide();" update=":mainForm:msgs pTable"/>
                                                        </h:panelGrid>
                                                    </p:dialog>
                                                </p:tab>
                                            </p:accordionPanel>
                                        </h:panelGrid>
                                    </p:tab>

                                    <p:tab title="Deelnemers">
                                        <h:panelGrid columns="3">
                                            <p:outputLabel value="Project"/>
                                            <p:outputLabel value=":"/>
                                            <h:selectOneMenu value="#{indexController.selectedProjectName}" style="width:200px">
                                                <f:selectItem itemLabel="Selecteer..." itemValue="empty"/>
                                                <f:selectItems value="#{indexController.projectNames}"/>
                                                <p:ajax listener="#{indexController.selectProjectForAdministrators}" update="@form"/>
                                            </h:selectOneMenu>
                                        </h:panelGrid>
                                        <p:spacer width="0" height="10"/>
                                        <h:panelGrid>
                                            <p:accordionPanel dynamic="true" activeIndex="-1">                                           
                                                <p:tab title="Ingeschreven" disabled="#{indexController.projectSaveButtonDisabled}">
                                                    <h:panelGrid columns="6">                                                
                                                        <p:outputLabel value="Exporteer"/>
                                                        <p:outputLabel value=":"/>                                                
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/excel.png" />
                                                            <p:dataExporter type="xls" target="subscriberTable" fileName="Deelnemers-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/pdf.png" />
                                                            <p:dataExporter type="pdf" target="subscriberTable" fileName="Deelnemers-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/csv.png" />
                                                            <p:dataExporter type="csv" target="subscriberTable" fileName="Deelnemers-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/xml.png" />
                                                            <p:dataExporter type="xml" target="subscriberTable" fileName="Deelnemers-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                    </h:panelGrid>
                                                    <p:spacer width="0" height="10"/>
                                                    <h:panelGrid>
                                                        <p:dataTable id="subscriberTable" var="subscriber" value="#{indexController.subscriptionsModel}" emptyMessage="Geen data gevonden, selecteer een project" scrollRows="60" scrollable="true" liveScroll="true" scrollHeight="400">
                                                            <p:column headerText="Naam" sortBy="#{subscriber.contactName}">
                                                                <h:outputText value="#{subscriber.contactName}"/>
                                                            </p:column>
                                                            <p:column headerText="Instrument" sortBy="#{subscriber.contactInstrument}">
                                                                <h:outputText value="#{subscriber.contactInstrument}"/>
                                                            </p:column>
                                                            <p:column headerText="Email" sortBy="#{subscriber.contactEmail}">
                                                                <h:outputText value="#{subscriber.contactEmail}"/>
                                                            </p:column>
                                                        </p:dataTable>
                                                        <h:outputText value="(scroll om alles te zien)"/>
                                                    </h:panelGrid>
                                                </p:tab>
                                                <p:tab title="Absentie" disabled="#{indexController.projectSaveButtonDisabled}">
                                                    <h:panelGrid columns="6">                                                
                                                        <p:outputLabel value="Exporteer"/>
                                                        <p:outputLabel value=":"/>                                                
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/excel.png" />
                                                            <p:dataExporter type="xls" target="absentTable" fileName="Absenten-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/pdf.png" />
                                                            <p:dataExporter type="pdf" target="absentTable" fileName="Absenten-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/csv.png" />
                                                            <p:dataExporter type="csv" target="absentTable" fileName="Absenten-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/xml.png" />
                                                            <p:dataExporter type="xml" target="absentTable" fileName="Absenten-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                    </h:panelGrid>
                                                    <p:spacer width="0" height="10"/>
                                                    <h:panelGrid>
                                                        <p:dataTable id="absentTable" var="absent" value="#{indexController.absenceModel}">
                                                            <p:column headerText="Datum" sortBy="#{absent.date}">
                                                                <h:outputText value="#{absent.date}"/>
                                                            </p:column>
                                                            <p:column headerText="Tijd" sortBy="#{absent.time}">
                                                                <h:outputText value="#{absent.time}"/>
                                                            </p:column>
                                                            <p:column headerText="Naam" sortBy="#{absent.contactName}">
                                                                <h:outputText value="#{absent.contactName}"/>
                                                            </p:column>
                                                            <p:column headerText="Instrument" sortBy="#{absent.contactInstrument}">
                                                                <h:outputText value="#{absent.contactInstrument}"/>
                                                            </p:column>
                                                            <p:column headerText="Reden" sortBy="#{absent.reason}">
                                                                <h:outputText value="#{absent.reason}"/>
                                                            </p:column>
                                                        </p:dataTable>
                                                    </h:panelGrid>
                                                </p:tab>
                                                <p:tab title="Presentie" disabled="#{indexController.projectSaveButtonDisabled}">
                                                    <h:panelGrid columns="6">                                                
                                                        <p:outputLabel value="Exporteer"/>
                                                        <p:outputLabel value=":"/>                                                
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/excel.png" />
                                                            <p:dataExporter type="xls" target="presentTable" fileName="Presentie-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/pdf.png" />
                                                            <p:dataExporter type="pdf" target="presentTable" fileName="Presentie-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/csv.png" />
                                                            <p:dataExporter type="csv" target="presentTable" fileName="Presentie-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                        <h:commandLink>
                                                            <p:graphicImage value="/resources/img/xml.png" />
                                                            <p:dataExporter type="xml" target="presentTable" fileName="Presentie-#{indexController.selectedProjectName}"/>
                                                        </h:commandLink>
                                                    </h:panelGrid>
                                                    <p:spacer width="0" height="10"/>
                                                    <h:panelGrid>
                                                        <p:dataTable id="presentTable" var="present" value="#{indexController.presenceModel}" scrollRows="100" scrollable="true" liveScroll="true" scrollHeight="600">
                                                            <p:column headerText="Datum" sortBy="#{present.date}">
                                                                <h:outputText value="#{present.date}"/>
                                                            </p:column>
                                                            <p:column headerText="Tijd" sortBy="#{present.time}">
                                                                <h:outputText value="#{present.time}"/>
                                                            </p:column>
                                                            <p:column headerText="Naam" sortBy="#{present.contactName}">
                                                                <h:outputText value="#{present.contactName}"/>
                                                            </p:column>
                                                            <p:column headerText="Instrument" sortBy="#{present.contactInstrument}">
                                                                <h:outputText value="#{present.contactInstrument}"/>
                                                            </p:column>
                                                        </p:dataTable>
                                                    </h:panelGrid>
                                                </p:tab>
                                                <p:tab title="Leden Uitnodigen" disabled="#{indexController.projectSaveButtonDisabled}">
                                                    <p:outputLabel value="Onderstaande (oud)leden uitnodigen voor het project '#{indexController.selectedProjectName}'"/>
                                                    <p:spacer width="20" height="0"/>
                                                    <p:selectBooleanCheckbox value="#{indexController.allContactsToBeMailedSelected}" itemLabel="Iedereen/Niemand">
                                                        <p:ajax listener="#{indexController.selectAllInvitees}" update=":mainForm"/>
                                                    </p:selectBooleanCheckbox>                                                        
                                                    <p:spacer width="20" height="0"/>
                                                    <p:commandButton id="inviteBTN" value="Uitnodigen" action="#{indexController.sortInvitees}" update=":mainForm" oncomplete="inviteDlg.show()" process="@this" icon="ui-icon-mail-closed" />
                                                    <br/>
                                                    <br/>
                                                    <p:dataTable var="contact" value="#{indexController.contactsToBeMailed}" emptyMessage="Geen data gevonden, selecteer een project..." scrollRows="150" scrollable="true" liveScroll="true" scrollHeight="800">
                                                        <p:column headerText="Voornaam" sortBy="#{contact.contactFirstName}">
                                                            <h:outputText value="#{contact.contactFirstName}"/>
                                                        </p:column>
                                                        <p:column headerText="Achternaam" sortBy="#{contact.contactLastName}">
                                                            <h:outputText value="#{contact.contactLastName}"/>
                                                        </p:column>
                                                        <p:column headerText="Instrument" sortBy="#{contact.contactInstrument}">
                                                            <h:outputText value="#{contact.contactInstrument}"/>
                                                        </p:column>
                                                        <p:column headerText="Uitnodigen">
                                                            <p:selectBooleanCheckbox value="#{contact.invited}">
                                                                <p:ajax update=":mainForm"/>
                                                            </p:selectBooleanCheckbox>
                                                        </p:column>
                                                    </p:dataTable>
                                                    <br/>
                                                    <h:outputText value="(scroll om alles te zien)"/>
                                                    <p:dialog widgetVar="inviteDlg" modal="true" header="Onderstaande (oud)leden uitnodigen voor het project '#{indexController.selectedProjectName}'" dynamic="true" closeOnEscape="true" resizable="false" maximizable="true">
                                                        <h:panelGrid columns="3">                                                        
                                                            <p:outputLabel value="Aan"/>
                                                            <p:outputLabel value=":"/>
                                                            <h:outputText value="#{indexController.recipients}"/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <p:outputLabel value="Bericht"/>
                                                            <p:outputLabel value=":"/>
                                                            <p:inputTextarea id="invitationMSG" value="#{indexController.invitationMSG}" style="width: 500px; height: 300px;" autoResize="true" />
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:outputText/>
                                                            <h:panelGrid columns="3">
                                                                <p:commandButton value="Stuur Mail" action="#{indexController.inviteMembers}" update=":mainForm" process="@this, invitationMSG" oncomplete="inviteDlg.hide()"/>
                                                                <p:spacer width="5" height="0"/>
                                                                <p:commandButton value="Annuleren" oncomplete="inviteDlg.hide()"/>
                                                            </h:panelGrid>
                                                        </h:panelGrid>
                                                    </p:dialog>
                                                </p:tab>
                                                <!--Commented want was lastig met sqlite-->
                                                <!--                                            <p:tab title="Presentielijst">
                                                    <h:outputText value="(selecteer, kopieer en plak in excel zonder opmaak)" escape="false"/>
                                                    <br/>
                                                    <br/>
                                                    <h:outputText value="{indexController.presence}" escape="false"/>                                                                                                
                                                </p:tab>-->
                                            </p:accordionPanel>
                                        </h:panelGrid>
                                    </p:tab>

                                    <p:tab title="Contactpersonen">
                                        <p:dialog header="Nieuwe Contactpersoon Toevoegen" widgetVar="contactDlgNew" modal="true" closeOnEscape="true" dynamic="true" resizable="false" maximizable="true">
                                            <h:panelGrid columns="3">
                                                <p:outputLabel value="Voornaam"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="ia" value="#{indexController.contactFirstName}" style="width:200px"/>
                                                <p:outputLabel value="Achternaam"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="ib" value="#{indexController.contactLastName}" style="width:200px"/>
                                                <p:outputLabel value="Instrument"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="ic" value="#{indexController.contactInstrument}" style="width:200px"/>
                                                <p:outputLabel value="Telefoon"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="id" value="#{indexController.contactPhone}" style="width:200px"/>
                                                <p:outputLabel value="Email"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="ie" value="#{indexController.contactEmail}" style="width:200px"/>
                                                <p:outputLabel value="Notitie"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputTextarea id="if" value="#{indexController.contactNote}" style="width:200px"/>
                                                <h:outputText/>
                                                <h:outputText/>
                                                <p:commandButton value="Opslaan"  icon="ui-icon-disk" action="#{indexController.saveNewContact}" process="@this, ia, ib, ic, id, ie, if" update=":mainForm" oncomplete="contactDlgNew.hide()"/>
                                            </h:panelGrid>
                                        </p:dialog>
                                        <h:panelGrid columns="8">
                                            <p:commandButton value="Contactpersoon Toevoegen" icon="ui-icon-document"  oncomplete="contactDlgNew.show()"/>
                                            <p:spacer width="20" height="0"/>
                                            <p:outputLabel value="Exporteer"/>
                                            <p:outputLabel value=":"/>
                                            <h:commandLink>
                                                <p:graphicImage value="/resources/img/excel.png" />
                                                <p:dataExporter type="xls" target="contactsTable" fileName="Leden"/>
                                            </h:commandLink>
                                            <h:commandLink>
                                                <p:graphicImage value="/resources/img/pdf.png" />
                                                <p:dataExporter type="pdf" target="contactsTable" fileName="Leden"/>
                                            </h:commandLink>
                                            <h:commandLink>
                                                <p:graphicImage value="/resources/img/csv.png" />
                                                <p:dataExporter type="csv" target="contactsTable" fileName="Leden"/>
                                            </h:commandLink>
                                            <h:commandLink>
                                                <p:graphicImage value="/resources/img/xml.png" />
                                                <p:dataExporter type="xml" target="contactsTable" fileName="Leden"/>
                                            </h:commandLink>
                                        </h:panelGrid>
                                        <p:spacer width="0" height="10"/>
                                        <h:panelGrid>
                                            <p:dataTable id="contactsTable" var="cModel" widgetVar="cModelTable" value="#{indexController.contactsModel}" filteredValue="#{indexController.filteredContacts}" rowKey="#{cModel.email}" selection="#{indexController.selectedContact}" selectionMode="single" scrollRows="60" scrollable="true" liveScroll="true" scrollHeight="400">
                                                <p:ajax event="rowSelect" oncomplete="changeContactDLG.show()" listener="#{indexController.selectContact()}" update="@form"/>
                                                <p:column headerText="Voornaam" sortBy="#{cModel.firstName}" filterBy="#{cModel.firstName}" filterMatchMode="contains">
                                                    <h:outputText value="#{cModel.firstName}" />
                                                </p:column>
                                                <p:column headerText="Achternaam" sortBy="#{cModel.lastName}" filterBy="#{cModel.lastName}" filterMatchMode="contains">
                                                    <h:outputText value="#{cModel.lastName}" />
                                                </p:column>
                                                <p:column headerText="Instrument" sortBy="#{cModel.instrument}" filterBy="#{cModel.instrument}" filterMatchMode="contains">
                                                    <h:outputText value="#{cModel.instrument}"/>
                                                </p:column>
                                                <p:column headerText="Telefoonnummer" sortBy="#{cModel.phone}" filterBy="#{cModel.phone}" filterMatchMode="contains">
                                                    <h:outputText value="#{cModel.phone}" />                                                    
                                                </p:column>
                                                <p:column headerText="Email" sortBy="#{cModel.email}" filterBy="#{cModel.email}" filterMatchMode="contains">
                                                    <h:outputText value="#{cModel.email}" />
                                                </p:column>
                                                <p:column headerText="Notitie" sortBy="#{cModel.note}" filterBy="#{cModel.note}" filterMatchMode="contains">
                                                    <h:outputText value="#{cModel.note}" />
                                                </p:column>
                                            </p:dataTable>
                                            <h:outputText value="(scroll om alles te zien)"/>
                                        </h:panelGrid>
                                        <p:dialog widgetVar="changeContactDLG" header="Gegevens van #{indexController.selectedContact.firstName} #{indexController.selectedContact.lastName} wijzigen" modal="true" closeOnEscape="true" dynamic="true" resizable="false" maximizable="true">
                                            <h:panelGrid columns="3">
                                                <p:outputLabel value="Voornaam"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="iia" value="#{indexController.selectedContact.firstName}" style="width:300px"/>
                                                <p:outputLabel value="Achternaam"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="iib" value="#{indexController.selectedContact.lastName}" style="width:300px"/>
                                                <p:outputLabel value="Instrument"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="iic" value="#{indexController.selectedContact.instrument}" style="width:300px"/>
                                                <p:outputLabel value="Telefoon"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="iid" value="#{indexController.selectedContact.phone}" style="width:300px"/>
                                                <p:outputLabel value="Email"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputText id="iie" value="#{indexController.selectedContact.email}" style="width:300px"/>
                                                <p:outputLabel value="Notitie"/>
                                                <p:outputLabel value=":"/>
                                                <p:inputTextarea id="iif" value="#{indexController.selectedContact.note}" style="width:300px"/>
                                                <h:outputText/>
                                                <h:outputText/>
                                                <h:panelGrid columns="2">
                                                    <p:commandButton value="Opslaan" icon="ui-icon-disk" action="#{indexController.saveExistingContact()}" update="@form" oncomplete="changeContactDLG.hide()"/>
                                                    <p:commandButton value="Annuleren" icon="ui-icon-arrowreturn-1-n" onclick="changeContactDLG.hide();"/>
                                                </h:panelGrid>
                                                <h:outputText/>
                                                <p:spacer width="0" height="100"/>
                                            </h:panelGrid>
                                            <div align="center">
                                                <p:separator/>
                                                <p:commandButton icon="ui-icon-closethick" value="#{indexController.selectedContact.firstName} #{indexController.selectedContact.lastName} verwijderen uit het systeem" oncomplete="delDLG.show();" update="@form"/>
                                            </div>
                                        </p:dialog>
                                        <p:dialog widgetVar="delDLG" header="#{indexController.selectedContact.firstName} #{indexController.selectedContact.lastName} verwijderen?" modal="true" resizable="false" closeOnEscape="true">
                                            <h:outputText value="Weet je zeker dat je #{indexController.selectedContact.firstName} #{indexController.selectedContact.lastName} uit het systeem wil verwijderen?"/>
                                            <br/>
                                            <br/>
                                            <p:commandButton value="Ja" icon="ui-icon-check" action="#{indexController.removeContact()}" oncomplete="delDLG.hide();" update="@form"/>
                                            <p:commandButton value="Nee" onclick="delDLG.hide();" icon="ui-icon-arrowthick-1-ne"/>
                                        </p:dialog>
                                    </p:tab>

                                    <p:tab title="Instellingen">
                                        <h:panelGrid>
                                            <p:accordionPanel dynamic="true" activeIndex="-1">
                                                <p:tab title="Welkomsttekst Wijzigen">
                                                    <h:outputText value="(HTML tags toegestaan)"/>
                                                    <br/>
                                                    <br/>
                                                    <p:inplace>
                                                        <p:inputTextarea value="#{indexController.welcomeMSG}" rows="10" cols="50" required="true" requiredMessage="Het veld met de welkomsttekst mag niet leeg zijn!" />
                                                    </p:inplace>
                                                    <br/>
                                                    <br/>
                                                    <p:commandButton value="Opslaan" icon="ui-icon-disk" action="#{indexController.saveWelcomeMSG()}" update=":mainForm:msgs :mainForm:welcomeMSG"/>
                                                </p:tab>
                                                <p:tab title="Uitnodigingstekst Wijzigen">
                                                    <h:outputText value="Tags:"/>
                                                    <ul>
                                                        <li>
                                                            #!#contactFirstName#!#
                                                        </li>
                                                        <li>
                                                            #!#selectedProjectName#!#
                                                        </li>
                                                        <li>
                                                            #!#selectedProjectRepertoire#!#
                                                        </li>
                                                        <li>
                                                            #!#selectedProjectStartDate#!#
                                                        </li>
                                                        <li>
                                                            #!#selectedProjectEndDate#!#
                                                        </li>
                                                        <li>
                                                            #!#personalURL#!#
                                                        </li>
                                                        <li>
                                                            #!#contactInstrument#!#
                                                        </li>
                                                    </ul>
                                                    <p:inplace>
                                                        <p:inputTextarea value="#{indexController.invitationMSG}" rows="10" cols="50" required="true" requiredMessage="Het veld met de uitnodigingstekst mag niet leeg zijn!"/>
                                                    </p:inplace>
                                                    <br/>
                                                    <br/>
                                                    <p:commandButton value="Opslaan" icon="ui-icon-disk" action="#{indexController.saveInvitationMSG()}" update=":mainForm:msgs"/>
                                                </p:tab>
                                                <p:tab title="Gmail Wijzigen">
                                                    <h:outputText value="(niet de login voor deze applicatie)"/>
                                                    <br/>
                                                    <br/>
                                                    <p:inplace>
                                                        <p:inputText id="ssGmail" style="width:200px" value="#{indexController.scModel.email}">
                                                            <p:watermark for="ssGmail" value="Gmailadres StrijkersChef"/>
                                                        </p:inputText>
                                                        <br/>
                                                        <p:inputText id="ssGmailPWD" style="width:200px" value="#{indexController.scModel.password}">
                                                            <p:watermark for="ssGmailPWD" value="Gmail Wachtwoord StrijkersChef"/>
                                                        </p:inputText>
                                                    </p:inplace>
                                                    <br/>
                                                    <br/>
                                                    <p:inplace>
                                                        <p:inputText id="bsGmail" style="width:200px" value="#{indexController.bcModel.email}">
                                                            <p:watermark for="bsGmail" value="Gmailadres BlazsersChef"/>
                                                        </p:inputText>
                                                        <br/>
                                                        <p:inputText id="bsGmailPWD" style="width:200px" value="#{indexController.bcModel.password}">
                                                            <p:watermark for="bsGmailPWD" value="Gmail Wachtwoord BlazsersChef"/>
                                                        </p:inputText>
                                                    </p:inplace>
                                                    <br/>
                                                    <br/>
                                                    <p:commandButton value="Opslaan" action="#{indexController.saveAdminEmail()}" icon="ui-icon-disk" update=":mainForm:msgs"/>
                                                </p:tab>
                                            </p:accordionPanel>
                                        </h:panelGrid>
                                    </p:tab>
                                </p:tabView>
                            </p:panel>
                        </p:outputPanel>
                    </p:tab>

                </p:tabView>

            </p:panel>


            <br/>


            <div align="right">
                <p:ajaxStatus>
                    <f:facet name="start">
                        <h:graphicImage value="resources/img/ajaxloading.gif" />
                        <br/>
                        <br/>
                        <h:outputText value="moment..." style="font-family: arial;font-weight: bold;"/>
                    </f:facet>
                    <f:facet name="complete">
                        <h:outputText value="" />
                    </f:facet>
                </p:ajaxStatus>
            </div>


        </h:form>        
        <p:idleMonitor timeout="1200000" onidle="location.reload(true);"/>
    </h:body>
</html>